<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <title>收益支付</title>
    <!-- <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
     <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>-->
    <script src="../lib/layuimini/lib/layui-v2.5.5/layui.js"></script>
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>






    <script type="text/javascript" th:inline="none">
        var layid =11;
        layui.use(['element', 'form', 'table', 'layer', 'laydate'], function () {
            var layer = layui.layer;
            var $ = layui.$;
            var table = layui.table;
            var form = layui.form;
            var formSelects = layui.formSelects;
            var laydate = layui.laydate;
            var fundId=$("#fundId").val();
            //执行一个laydate实例
            laydate.render({
                elem: '#date' //指定元素

            });

            table.render({
                elem: '#userTable',
                url: 'selectShouYiZhiFu',
                page: true,
                limit:5//默认进去每页显示5条
                ,height:'full-180'
                ,limits:[5,10,15]//自己设置下拉列表5,10,15，行
                ,cellMinWidth:130,
                cols: [[
                    //field:列字段的名字要与实体类的名字完全一致  title就是表格的标题    sort：是排序的意思
                    //数据没加载出来的原因1：
                    //1:压根没有数据
                    //2:有一个列没对象
                    //hide:true 隐藏
                    {type: 'checkbox', field: 'left'}
                    ,{field: 'date', width: 190, title: '业务时间', sort: true}
                    ,{field: 'accountName', width: 190, title: '账户名称'}
                    , {
                        field: 'stockpileType', width: 190, title: '存款类型',
                        templet: function (item) {
                            if (item.stockpileType == 1) {
                                return '活期';
                            } else if (item.stockpileType == 2) {
                                return '定期';
                            }
                        }

                    }
                    ,{
                        field: 'businessType',title:'业务类型',width: 190,
                        //1为清算款，2为估值增值，3为债券利息，4为申购赎回
                        templet: function (item) {
                            if (item.businessType == 1) {
                                return '托管费';
                            } else if (item.businessType == 2) {
                                return '管理费';
                            }
                        }
                    }
                    ,{field: 'money',title:'金额',width: 190}
                    ,{
                        field: 'businessState',title:'流入流出',width: 190,
                        templet: function (item) {
                            if (item.businessState == 1) {
                                return '流入';
                            } else if (item.businessState == -1) {
                                return '流出';
                            }
                        }
                    }
                ]]
            });

            table.render({
                elem: '#userTable2',
                url: 'selectZhaiQuan',
                page: true,
                limit:5//默认进去每页显示5条
                ,height:'full-180'
                ,limits:[5,10,15]//自己设置下拉列表5,10,15，行
                ,cellMinWidth:160,
                cols: [[
                    //field:列字段的名字要与实体类的名字完全一致  title就是表格的标题    sort：是排序的意思
                    //数据没加载出来的原因1：
                    //1:压根没有数据
                    //2:有一个列没对象
                    //hide:true 隐藏
                    {type: 'checkbox', field: 'left'}
                    ,{field: 'date', width: 190, title: '业务时间', sort: true}
                    ,{field: 'securityName', width: 190, title: '证券名称', sort: true}
                    ,{
                        field: 'securityType',title:'业务类型',width: 190,
                        //1为估值增值，2为债券清算款，3为债券利息
                        templet: function (item) {
                            if (item.securityType == 1) {
                                return '估值增值';
                            } else if (item.securityType == 2) {
                                return '债券清算款';
                            }else if (item.securityType == 3) {
                                return '债券利息';
                            }
                        }
                    }
                    ,{field: 'money',title:'金额',width: 190}
                    ,{
                        field: 'businessState',title:'流入流出',width: 190,
                        templet: function (item) {
                            if (item.businessState == 1) {
                                return '流入';
                            } else if (item.businessState == -1) {
                                return '流出';
                            }
                        }
                    }
                ]]
            });
            table.render({
                elem: '#userTable3',
                url: 'selectZhiFu1',
                page: true,
                limit:5//默认进去每页显示5条
                ,height:'full-180'
                ,limits:[5,10,15]//自己设置下拉列表5,10,15，行
                ,cellMinWidth:130,
                cols: [[
                    //field:列字段的名字要与实体类的名字完全一致  title就是表格的标题    sort：是排序的意思
                    //数据没加载出来的原因1：
                    //1:压根没有数据
                    //2:有一个列没对象
                    //hide:true 隐藏
                    {type: 'checkbox', field: 'left'}
                    ,{field: 'date', width: 190, title: '业务时间', sort: true}
                    ,{field: 'accountName', width: 190, title: '账户名称'}
                    ,{
                        field: 'businessType',title:'业务类型',width: 190,
                        //1为清算款，2为估值增值，3为债券利息，4为申购赎回
                        templet: function (item) {
                            if (item.businessType == 1) {
                                return '托管费';
                            } else if (item.businessType == 2) {
                                return '管理费';
                            }
                        }
                    }
                    ,{field: 'money',title:'金额',width: 190}

                    ,{
                        field: 'businessState',title:'流入流出',width: 190,
                        templet: function (item) {
                            if (item.businessState == 1) {
                                return '流入';
                            } else if (item.businessState == -1) {
                                return '流出';
                            }
                        }
                    }
                ]]
            });








            // 渲染第一个表格
            form.on('submit(searchSubmit)', function (data) {

                // console.log($("#businessTime").val());
                if(layid==11){
                    var date=$("#date").val();
                    console.log(date);
                    table.reload('userTable', {
                            url:'selectShouYiZhiFu',
                            where: {
                                'date':date,
                            }
                            , page: {
                                curr: 1
                            }
                        }
                    );
                    //进行搜索之后不再让值消失，除非自己清空
                    $("#date").val(date);

                }else if (layid==22){
                    var date=$("#date").val();
                    table.reload('userTable2', {
                            url:'selectZhaiQuan',
                            where: {
                                'date':date,
                            }
                            , page: {
                                curr: 1
                            }
                        }
                    );
                    //进行搜索之后不再让值消失，除非自己清空
                    $("#date").val(date);
                }else{
                    var date=$("#date").val();
                    console.log(date+"pppppp")
                    table.reload('userTable3', {
                            url:'selectZhiFu1',
                            where: {
                                'date':date,
                            }
                            , page: {
                                curr: 1
                            }
                        }
                    );
                }
                //进行搜索之后不再让值消失，除非自己清空
                $("#date").val(date);
                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。

            });

            table.on('toolbar(userTable)', function(obj){
                var data = obj.data;//获取当前行数据
                if(obj.event==='tongJi'){
                    layer.msg('开始统计');
                }
            });

            form.on('submit(tongJi)', function (data) {
                //console.log(data.field); //当前容器的全部表单字段，名值对形式：{name: value}
                //console.log(data.field.statDate);

                if(layid==11){
                    var checkStatus = table.checkStatus("userTable"); // 获得选中行所有数据
                    // 其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）
                    var cashs = [];
                    var dataArr = checkStatus.data; //获取选中行的数据
                    $.each(dataArr, function (i, n) {
                        cashs.push(n);
                    });
                    // alert(cashs);
                    var cash = JSON.stringify(cashs);
                    console.log(cash+"ppppppp")
                    //向服务端发送添加指令
                    $.post("insertXianJinLiXi1", "cash="+cash,function(msg){
                        if(msg>0){
                            table.reload('userTable');
                            layer.closeAll();
                            layer.msg('统计成功',{
                                title : '提示',
                                area : [ '200px',
                                    '140px' ],
                                time : 0,
                                btn : [ '知道了' ]
                            });
                        }



                    });

                    /* $.ajax({
                         type:"post",
                         data:cash,
                         url: "insertXianJinLiXi",
                         success:function(result){
                             alert(result.msg);
                         },
                     });
 */





                }else if(layid==22){
                    var checkStatus = table.checkStatus("userTable2"); //idTest 即为基础参数 id 对应的值
                    // 其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）
                    var Securitie = [];
                    var dataArr = checkStatus.data; //获取选中行的数据
                    $.each(dataArr, function (i, n) {
                        Securitie.push(n);
                    });
                    // alert(cashs);
                    var Securities = JSON.stringify(Securitie);
                    var accountIds=$("#accountIds").val();

                    // layer.close();
                    //向服务端发送删除指令
                    $.post("insertXianJinLiXi2", {Securities:Securities ,accountIds:accountIds},function(msg){
                        if(msg>0){
                            table.reload('myTable');
                            layer.closeAll();
                            layer.msg('统计成功',{
                                title : '提示',
                                area : [ '200px',
                                    '140px' ],
                                time : 0,
                                btn : [ '知道了' ]
                            });
                        }
                    });
                }else{
                    var checkStatus = table.checkStatus("userTable3"); //idTest 即为基础参数 id 对应的值
                    // 其中 ID 为基础参数 id 对应的值（见：设定容器唯一ID）
                    var TwoFee = [];
                    var dataArr = checkStatus.data; //获取选中行的数据
                    $.each(dataArr, function (i, n) {
                        TwoFee.push(n);
                    });
                    // alert(cashs);
                    var TwoFees = JSON.stringify(TwoFee);

                    // layer.close();
                    //向服务端发送删除指令
                    $.post("insertXianJinLiXi","TwoFees="+TwoFees,function (msg){
                        if(msg>0){
                            table.reload('myTable');
                            layer.closeAll();
                            layer.msg('统计成功',{
                                title : '提示',
                                area : [ '200px',
                                    '140px' ],
                                time : 0,
                                btn : [ '知道了' ]
                            });
                        }
                    });
                }

            });
        });












    </script>
</head>
<body>

<div style="margin-top: 20px;margin-left: 10px">
    <form id="searchDate" class="layui-form layui-col-space5">
        <!--        选择日期，没有写底层，只是写了日期框的组件-->
        <div class="layui-inline layui-show-xs-block">
            <label class="layui-form-label" style="width: 110px;text-align: center">业务日期</label>

            <div class="layui-inline layui-show-xs-block">
                <input class="layui-input dateStr" autocomplete="off" placeholder="请选择统计日期" name="date" id="date">
            </div>
        </div>

        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn layui-btn-primary"  lay-event="search"  lay-submit="" lay-filter="searchSubmit" ><i class="layui-icon">&#xe615;</i>搜索
            </button>
        </div>
        <div class="layui-inline layui-show-xs-block">
            <button class="layui-btn" lay-submit="" type="button" lay-event="tongJi" lay-filter="tongJi" ><i class="layui-icon layui-icon-table"></i>统计
            </button>

        </div>
    </form>
</div>

<div class="layui-tab" lay-filter="test1">
    <ul class="layui-tab-title" style="border-bottom-color: dodgerblue; color: dodgerblue">
        <li class="layui-this" lay-id="11" >现金利息收入</li>
        <li lay-id="22" >债券利息收入</li>
        <li lay-id="33" >支付两费</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <!--表格-->
            <table id="userTable" lay-filter="userTable"></table>
        </div>
        <div class="layui-tab-item">
            <table id="userTable2" lay-filter="userTable2"></table>
        </div>
        <div class="layui-tab-item">
            <table id="userTable3" lay-filter="userTable3"></table>
        </div>
    </div>
</div>
<script>
    layui.use('element', function(){
        var element = layui.element;


        //监听Tab切换，以改变地址hash值
        element.on('tab(test1)', function(){
            location.hash = 'test1='+ this.getAttribute('lay-id');

        });
        element.on('tab(test1)', function () {
            layid = this.getAttribute('lay-id');


        });
    });




</script>
</body>
</html>